<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>替代float</title>
		<link rel="stylesheet" type="text/css" href="stylesheets/main.css" />
		<link rel="stylesheet" type="text/css" href="http://res.mpre.cnsuning.com/common/style/base/2.0/base.css" />
		<link rel="stylesheet" type="text/css" href="stylesheets/flex-05.css" />

	</head>

	<body>
		<!---->
		<section class="sn-flex">
			<aside class="item aside-1">
				<ul>
					<li class="sn-flex center">1</li>
					<li class="sn-flex center" style="height: 100px;">2</li>
					<li class="sn-flex center">3</li>
					<li class="sn-flex center" style="height: 80px;">4</li>
					<li class="sn-flex center">5</li>
				</ul>
			</aside>
			<aside class="item aside-2">
				<ul>
					<li class="sn-flex center" style="height: 100px;">6</li>
					<li class="sn-flex center">7</li>
					<li class="sn-flex center" style="height: 100px;">8</li>
					<li class="sn-flex center">9</li>
					<li class="sn-flex center">10</li>
				</ul>
			</aside>
		</section>
	</body>

</html>